
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5em;
}

div.separator {
    height: 10px;
}

div.footer {
    font-size: 70%;
    margin-top: 1.5em;
}

.diff {
}

.diff .sideBySideView {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 50px;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.diff .heading {
    background: none repeat scroll 0 0 #C3D9FF;
}

.diff .lineNumber {
    background: #f0f0f0;
    padding-right: 3px;
    text-align: right;
}

.diff .noline {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #888888;
    border-style: solid;
    border-width: 0 1px;
}

.diff .topBorder td {
    border-top-width: 1px;
}

.diff .bottomBorder td {
    border-bottom-width: 1px;
}

.diff .oldLineDeleted {
    background: none repeat scroll 0 0 #FF8888;
    border-color: #AA3333;
    border-style: solid;
    border-width: 0 1px;
}

.diff .oldLineChanged {
    background: none repeat scroll 0 0 #FFD8D8;
    border-color: #AA3333;
    border-style: solid;
    border-width: 0 1px;
}

.diff .oldLineEqual {
}

.diff .newLineAdded {
    background: none repeat scroll 0 0 #99FF99;
    border-color: #33AA33;
    border-style: solid;
    border-width: 0 1px;
}

.diff .newLineChanged {
    background: none repeat scroll 0 0 #DDF8CC;
    border-color: #33AA33;
    border-style: solid;
    border-width: 0 1px;
}

.diff .newLineEqual {
}

.diff .oldFragmentDeleted {
    background: none repeat scroll 0 0 #FF8888;
}

.diff .oldFragmentEqual {
    background: none repeat scroll 0 0 #FFD8D8;
}

.diff .newFragmentAdded {
    background: none repeat scroll 0 0 #99FF99;
}

.diff .newFragmentEqual {
    background: none repeat scroll 0 0 #DDF8CC;
}

